﻿@{

    Layout = null;
}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>物料产品</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link href="//unpkg.com/layui@2.9.17/dist/css/layui.css" rel="stylesheet">
    <link href="~/scripts/layui-v2.5.6/layui/css/layui.mobile.css" rel="stylesheet" />
    <link href="~/scripts/layui-v2.5.6/layui/css/layui.css" rel="stylesheet" />
    <script src="~/scripts/jquery-3.4.1.min.js"></script>
</head>
<body>
    <!--
    本「综合演示」包含：自定义头部工具栏、获取表格数据、表格重载、自定义模板、单双行显示、单元格编辑、自定义底部分页栏、表格相关事件与操作、与其他组件的结合等相对常用的功能，以便快速掌握 table 组件的使用。
    -->
    <!--查询-->
    <div class="layui-inline">
        物料编码:
        <div class="layui-inline">
            <input type="text" class="layui-input layui-input-inline" id="ItemCode" value="" placeholder="请输入物料编码" />
        </div>
        物料名称:
        <div class="layui-inline">
            <input type="text" class="layui-input layui-input-inline" id="ItemName" value="" placeholder="请输入物料编码" />
        </div>

        <button type="button" lay-submit lay-filter="demo-table-search" class="layui-btn layui-btn layui-btn-normal">
            <i class="layui-icon layui-icon-search"></i>查询
        </button>
        <button type="reset" class="layui-btn layui-btn-primary">重置</button>

        <button type="button" class="layui-btn layui-btn layui-btn-success" lay-on="test-page-custom">
            <i class="layui-icon layui-icon-add-1"></i>添加
        </button>
    </div>

    <!--树形-->
    <div id="tree-container"></div>
    <!--表格-->
    <div style="padding: 16px;">
        <table class="layui-hide" id="test" lay-filter="test"></table>
    </div>


    <!--操作列-->
    <script type="text/html" id="barDemo">
        <a class="layui-btn layui-btn-xs" lay-event="edit">编辑</a>
        <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="delete">删除</a>
    </script>


    <script src="~/Scripts/jquery-3.4.1.min.js"></script>
    <script src="//unpkg.com/layui@2.9.17/dist/layui.js"></script>
    <script>
        layui.use(['table', 'dropdown','tree'], function () {
            var table = layui.table;
            var dropdown = layui.dropdown;
            var layer = layui.layer;
            var util = layui.util;
            var tree = layui.tree;

            tree.render({
                elem: '#tree-container' // 指向树形结构容器的选择器
                , data: [ // 树形结构的数据
                    {
                        name: '节点1'
                        , id: 1
                        , children: [
                            {
                                name: '节点1-1'
                                , id: 2
                            }
                            // ... 可以添加更多子节点
                        ]
                    }
                    // ... 可以添加更多顶级节点
                ],
                // data: getData(),
                id: 'treeId',
                showCheckbox: true,
                onlyIconcontrol: true
                // 其他配置项...
            });

            // function getData() {
            //     var data = [];
            //     $.ajax({
                    
            //         //后台数据请求地址
            //         url: "dept/treeload',
            //         type: "post"
            //         async: false,
            //         success: function (resut) {
            //             data = resut;
            //         });
            //     return data;
            // }

            // *******************搜索**********************
            var form = layui.form;
            form.on('submit(demo-table-search)', function (data) {
                var field = data.field; // 获得表单字段
                // 执行搜索重载
                var code = $("#ItemCode").val();
                var name = $("#ItemName").val();
                table.reload('test', {
                    page: {
                        curr: 1 // 重新从第 1 页开始
                    },
                    where: {
                        code: code,
                        name: name
                    }
                });
                layer.msg('搜索成功');
                return false; // 阻止默认 form 跳转
            });

            ///***************************显示************************
            // 创建渲染实例
            function show() {
                table.render({
                    elem: '#test',
                    url: '/MainData/GetMdItems',
                    toolbar: '#toolbarDemo',
                    height: 'full-35',
                    css: [ // 重设当前表格样式
                        '.layui-table-tool-temp{padding-right: 145px;}'
                    ].join(''),
                    cellMinWidth: 80,
                    page: true,
                    limit: 10,
                    limits: [10, 20, 50, 100],
                    cols: [[
                        { type: 'checkbox', fixed: 'left' },
                        { field: 'ItemCode', fixed: 'left', title: '物料编码', sort: true, totalRow: '合计：' },
                        { field: 'ItemName', title: '物料名称' },
                        { field: 'Specification', title: '规格型号' },
                        { field: 'UnitOfMeasure', title: '单位' },
                        {
                            field: 'ItemOrProduct', title: '物料/产品', templet: function (row) {
                                var tmp = row.ItemOrProduct == 'item' ? "物料" : "产品";
                                return tmp;
                            }
                        },
                        { field: 'ItemTypeName', title: '所属分类' },
                        {
                            field: 'EnableFlag', title: '是否启用', templet: function (row) {
                                var tmp = row.EnableFlag == 'Y' ? "是" : "否";
                                return tmp;
                            }
                        },
                        {
                            field: 'SafeStockFlag', title: '设置安全库存', templet: function (row) {
                                var tmp = row.SafeStockFlag == 'Y' ? "是" : "否";
                                return tmp;
                            }
                        },
                        { field: 'CreateTime', title: '创建时间' },
                        { fixed: '', title: '操作列', width: 205, align: 'center', toolbar: '#barDemo' }
                    ]],
                    height: 600, // 最大高度减去其他容器已占有的高度差


                    error: function (res, msg) {
                        console.log(res, msg)
                    }
                });
            }
           
            show();
            

            // 触发表格复选框选择
            table.on('checkbox(test)', function (obj) {
                console.log(obj)
            });

            ///***************************添加************************

            util.on('lay-on', {

                'test-page-custom': function () {
                    layer.open({
                        type: 2,
                        title: '添加物料产品',
                        skin: 'layui-layer-rim', //加上边框
                        area: ['60%', '60%'], //宽高
                        content: '/Meng/AddMdItemView',//////////////添加页面
                        end: function () {
                            show();//刷新父级页面列表方法，类似于回调函数
                        }
                    });
                }
            })


            //*****************************修改,删除************************ */
            //表单操作
            table.on('tool(test)', function (obj) {

                if (obj.event === 'edit') {
                    var data = obj.data;
                    /////数据传到子页面
                    Id = data.Id;
                    ItemCode = data.ItemCode;
                    ItemName = data.ItemName;
                    ItemTypeId = data.ItemTypeId;
                    ItemTypeCode = data.ItemTypeCode;
                    ItemTypeName = data.ItemTypeName;
                    ItemOrProduct = data.ItemOrProduct;
                    UnitOfMeasure = data.UnitOfMeasure;
                    Specification = data.Specification;
                    EnableFlag = data.EnableFlag;
                    SafeStockFlag = data.SafeStockFlag;
                    Remark= data.Remark;
                    MinStock = data.MinStock,
                    MaxStock = data.MaxStock,
                    CreateBy = data.CreateBy,
                    CreateTime = data.CreateTime

                    layer.open({
                        type: 2, // page 层类型
                        area: ['70%', '70%'],
                        title: '修改物料产品',
                        shade: 0.6, // 遮罩透明度
                        shadeClose: true, // 点击遮罩区域，关闭弹层
                        maxmin: true, // 允许全屏最小化
                        anim: 0, // 0-6 的动画形式，-1 不开启
                        content: '/Meng/UpdateMdItemView',
                        end: function () {
                            show();//刷新父级页面列表方法，类似于回调函数
                        }
                    });
                }

                else if (obj.event === 'delete') {
                    if (!confirm('确定删除吗？')) return;
                    $.ajax({
                        url: '/Meng/DeleteMdItem', // 替换为你的API URL
                        type: 'GET',
                        data: { id: obj.data.Id },
                        dataType: 'json',
                        success: function (res) {
                            if (res != null) {
                                alert("删除成功");
                                window.location.href = "/MainData/MaterialProduct/"
                            }
                        }
                    });
                }
            })

        });
        
        
    </script>
</body>
</html>